<template>
	<view class="page">
		<view class="box" v-for="item in nearList">
			<view class="title">{{item.name}}</view>
			<view class="content">{{item.describe}}</view>
			<!-- <image :src="item.image" mode=""></image> -->
			<video :src="item.image" controls></video>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nearList: []
			}
		},
		onShow() {
			this.getDetail()
		},
		methods: {
			getDetail() {
				this.$get('index/courselist', {

				}, (res) => {
					this.nearList = res
					console.log(res)
				})
			}
		}
	}
</script>

<style>
	.page{
		padding: 0 32rpx;
	}
	.box {
		padding: 20rpx 0;
		border-bottom: 1px solid #F0F0F0;
	}

	.box .title {
		font-size: 36rpx;
		padding: 8rpx 0;
		color: #121212;
	}

	.box .content {
		font-size: 26rpx;
		line-height: 36rpx;
		color: #666666;
		margin-bottom: 16rpx;
	}

	.box video {
		height: 430rpx;
		width: 100%;
		border-radius: 16rpx;
	}
</style>
